@charset "utf-8";
.header{
	height:80px;
	background:#fff;
	border-bottom:2px solid #5ec960}
.header-con{
	width:1200px;
	height:80px;
	margin:0 auto}
.header-con .logo{
	float:left;
	margin: 10px 0;
	line-height:60px;
	max-width: 210px;
	max-height: 60px;
	overflow: hidden;
}
.header-con .logo a{
	display: table-cell;
	width: 210px;
	height: 60px;
	vertical-align: middle;
}
.header-con .logo img{
	max-width: 210px;
	max-height: 60px;
	vertical-align:middle;
	display: block;
}
.header-con .back-home{
	float:right;
	color:#7e7e7e;
	height:80px;
	line-height:80px;
	text-decoration:underline}
/*登陆*/	
.main-login-box{
	height:563px;
}
.main-con{
	width:1200px;
	height:100%;
	margin:0 auto;
	position:relative}

.login-box{
	position:absolute;
	right:0;
	top:90px;
	width:370px;
	padding:5px;
	background:rgba(255,255,255,.4)}
.login-con{
	padding:20px 35px;
	background:#fff}
.login-con h3{
	color:#333;
	font-size:18px}
.login-con .error-ts{
	color:#fff;
	position:absolute;
	top:-22px;
	left:0;
	width:100%;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	background:#ff870f}
.login-con .user-name,
.login-con .user-password,
.login-con .user-num{
	height:50px;
	line-height:50px;
	padding-left:50px;
	margin-top:20px;
	font-size:16px;
	position:relative;
	border:1px solid #d5e5d6}
.login-con .user-name:before,
.login-con .user-password:before,
.login-con .user-num:before{
	content:' ';
	display:block;
	width:22px;
	height:23px;
	position:absolute;
	left:18px;
	top:13px}
.login-con .user-name:before{
	background:url(../images/gys-dg-ico.png) no-repeat -48px -35px}
.login-con .user-password:before{
	background:url(../images/gys-dg-ico.png) no-repeat -80px -35px}
.login-con .user-num:before{
	top:18px;
	background:url(../images/gys-dg-ico.png) no-repeat -110px -35px}
.login-con .user-name .user-zh,
.login-con .user-password .user-zh{
	display:inline-block;
	width:100%}
.login-con .user-num .user-zh{
	width:120px}
.login-con .user-num .yzm{
	display:inline-block;
	width:60px;
	height:30px;
	vertical-align:middle;
	margin-top:-3px;
	cursor:pointer;
	overflow:hidden}
.login-con .user-num .yzm img{
	width:60px;
	height:30px}
.login-con .user-num .change-next{
	color:#1fbe23;
	margin-left:10px;
	font-size:12px;
	cursor:pointer}
.login-con .find-password{
	color:#1fbe23;
	margin-top:5px;
	text-align:right;
	font-size:14px}
.login-con .login-btn{
	margin-top:10px}
.login-con .login-btn a{
	display:block;
	color:#fff;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	background:#4cc34f}
.login-con .mf-txt{
	color:#333;
	margin-top:15px;
	font-size:14px;
	text-align:center}
.login-con .mf-txt a{
	color:#1fbe23}
/*注册*/
.main-reg-box{
	height:710px;
	background:url(../images/reg-bg.jpg) center no-repeat}
.main-getback-box{
	height:710px;
	background:url(../images/find-bg.jpg) center no-repeat}
.reg-box,
.getback-box{
	width:100%;
	position:absolute;
	left:0;
	top:80px;
	background:#fff}
.reg-phone-step{
	width:60%;
	height:400px;
	margin:50px auto}
.reg-phone-tit{
	color:#fff;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	background:#4cc34f}
.reg-phone-step .current-step{
	height:5px;
	font-size:0;
	background:#d9dadc}
.reg-phone-step .current-step span{
	color:#999;
	display:inline-block;
	width:33.333333%;
	height:5px;
	text-align:center;
	font-size:14px;
	position:relative}
.reg-phone-step .current-step span.on{
	background:#4cc34f}
.reg-phone-step .current-step span.on i{
	background:#4cc34f}
.reg-phone-step .current-step span strong{
	display:block;
	padding-top:20px}
.reg-phone-step .current-step span i{
	position:absolute;
	left:50%;
	top:0;
	margin:-8px 0 0 -10px;
	display:block;
	color:#fff;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-style:normal;
	border-radius:50%;
	background:#d9dadc}
.reg-phone-step .current-con{
	margin-top:80px;
	padding-left:80px}
.reg-phone-step .current-con li{
	margin-top:15px}
.reg-phone-step .current-con li:after{
	content:'.';
	clear:both;
	height:0;
	display:block;
	overflow:hidden}
.reg-phone-step .current-con li .bt{
	color:#333;
	float:left;
	width:100px;
	height:32px;
	line-height:32px;
	text-align:right;
	font-size:14px}
.reg-phone-step .current-con li .msg-box{
	min-height:32px;
	padding-left:100px}
.reg-phone-step .current-con li .msg-box .phone-num{
	display:block;
	color:#999;
	height:32px;
	line-height:32px;
	font-size:14px;}
.reg-phone-step .current-con li .msg-box .new-phone-num,
.reg-phone-step .current-con li .msg-box .num-txt{
	display:inline-block;
	width:125px;
	height:32px;
	line-height:32px;
	padding-left:5px;
	border:1px solid #d5e5d6}
.reg-phone-step .current-con li .msg-box .new-phone-num{
	width:255px}
.reg-phone-step .current-con li .msg-box .trends-ma{
	display:inline-block;
	color:#999;
	height:32px;
	line-height:32px;
	padding:0 14px;
	margin-left:10px;
	cursor:pointer;
	font-size:14px;
	border:1px solid #e9e9e9;
	background:#fafafa}
.reg-phone-step .current-con li .msg-box .trends-ma:hover{
	color:#333;
	background:#f3f3f3}
.reg-phone-step .current-con li .msg-box .error-txt{
	color:#333;
	display:inline-block;
	margin-left:10px;
	font-size:14px}
.reg-phone-step .current-con li .msg-box .error-txt:before{
	content:' ';
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin:-3px 5px 0 0;
	background:url(../images/gys-dg-ico.png) no-repeat -52px -83px}
.reg-phone-step .current-con li .msg-box .change-yzm{
	margin-left:10px;
	font-size:14px}
.reg-phone-step .current-con li .msg-box .change-yzm a{
	color:#2e9900}
.reg-phone-step .current-con li .msg-box .yz-num{
	display:inline-block;
	width:80px;
	height:32px;
	vertical-align:middle;
	margin:-3px 0 0 10px;
	cursor:pointer;
	overflow:hidden}
.reg-phone-step .current-con li .msg-box .yz-num img{
	width:80px;
	height:32px}
.reg-phone-step .current-con .next-btn{
	margin-top:20px;
	padding-left:100px}
.reg-phone-step .current-con .next-btn a,
.reg-phone-step .current-con .back-home-btn a{
	display:inline-block;
	color:#fff;
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	background:#4cc34f}
.reg-phone-step .current-con .next-btn a:hover,
.reg-phone-step .current-con .back-home-btn a:hover{
	background:#3aa93d}
.reg-phone-step .current-con .success-txt{
	color:#333;
	font-size:20px;
	text-align:center;
	font-size:20px}
.reg-phone-step .current-con .success-txt .fu{
	color:#666;
	font-size:14px;
	margin-top:10px}
.reg-phone-step .current-con .back-btn{
	margin-top:20px;
	text-align:center}
.reg-phone-step .current-con .back-btn .home-btn{
	display:inline-block;
	color:#999;
	width:140px;
	height:40px;
	line-height:40px;
	margin:0 10px;
	text-align:center;
	font-size:16px;
	border:1px solid #e9e9e9;
	background:#fafafa}
.reg-phone-step .current-con .back-btn .home-btn:hover{
	color:#333;
	background:#f3f3f3}
.reg-phone-step .current-con .back-btn .now-btn{
	display:inline-block;
	color:#fff;
	width:140px;
	height:40px;
	line-height:40px;
	margin:0 10px;
	text-align:center;
	font-size:16px;
	border:1px solid #4cc34f;
	background:#4cc34f}
.reg-phone-step .current-con .back-btn .now-btn:hover{
	border:1px solid #3aa93d;
	background:#3aa93d}
/*备案信息*/
.st-record{
	padding:15px 0;
	text-align:center;
	color:#666;}
@media all and (max-width:1200px){

.header-con{
	width:1000px;
	margin:0 auto}
.main-con{
	width:1000px;
	height:100%;
	margin:0 auto}
.reg-phone-step{
	width:80%}
	
}

/* 服务条款 */
.layer-wrap-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background: url(/res/images/aph_bg.png) repeat;
    background: rgba(0,0,0,.2);
}
.agreement-term-content{
    width: 786px;
    height: 462px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999999;
    margin: -232px 0 0 -400px;
    border: 7px solid rgba(0,0,0,.2);
}
.agreement-term-tit{
    height: 39px;
    padding: 0 15px;
    border-bottom: 1px solid #eee;
    background: #fbfbfb;
}
.agreement-term-tit strong{
    color: #999;
    display: inline-block;
    height: 39px;
    line-height: 39px;
    font-size: 15px;
    font-weight: bold;
}
.agreement-term-tit .close-ico{
    float: right;
    width: 12px;
    height: 12px;
    margin-top: 14px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: url("/res/images/login-small.png") no-repeat 0 -152px;
}
.agreement-term-tit .close-ico:hover{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.agreement-term-block{
    height: 410px;
    padding: 0 30px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
}
.agreement-term-block::-webkit-scrollbar,
.booking-need-term .term-block::-webkit-scrollbar{
    width:5px;
}
.agreement-term-block::-webkit-scrollbar-button,
.booking-need-term .term-block::-webkit-scrollbar-button{
    height: 0;
    background:#fff
}
.agreement-term-block::-webkit-scrollbar-track,
.booking-need-term .term-block::-webkit-scrollbar-track{
    background: #d5d5d5;
}
.agreement-term-block::-webkit-scrollbar-thumb,
.booking-need-term .term-block::-webkit-scrollbar-thumb{
    background:#a0a0a0;
}
.agreement-term-block .agreement-bt{
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.agreement-term-block .agreement-nr{
    line-height: 22px;
}
.agreement-term-block .agreement-nr p{
    margin-bottom: 20px;
}


.agreement-con input{
    margin-top: 2px;
    float:left;
    margin-right: 5px;
}




































